<!DOCTYPE html>
<html>
	<head>
		<!-- meta元信息，charset字符集，utf-8中文 -->
		<meta charset="utf-8"/>
		<title>永和小票</title>
		<!--样式设计-->
		<style >
			body{/*对整个页面进行样式修饰*/
				width:310px;
				font-size:10px;
				}
			/*对单独样式进行设置*/
			.please{
				font-size: 24px;
				font-weight: bold;/*加粗*/
			}
			.self{
				/*padding 修饰四周，*/
				padding-left: 100px;/*左边空一定的距离*/
			}
			/* solid  实线*/
			hr{ border: 0.5px dashed;}
			.note{
				/* padding-top: 20px; 上空*/
				/* padding-bottom: 15px; 下空 */
				margin-top: 20px;
				margin-bottom: 15px;
			}
		</style>
	</head>
	<body>
		<div >顾客联</div>
		<div class="please">请您留意取餐账单号</div>
		<div class="self">自取顾客联</div>
		<div >永和大王（北三环西路店）</div>
		<div >12345678</div>
		<div class="self">--结账单--</div>
		<div class="please">账单号：P000010</div>
		<div>账单类型：堂食</div>
		<div>人数：1</div>
		<div>收银员：张静</div>
		<div>开单时间：2020-05-18 15:24:29</div>
		<div>结账时间：2020-05-18 15:25:00</div>
		
		<!--
			表格没有列的注释，他叫做单元格
			页面中的换行会被解析为一个空格
			align横向排列：left center right
			valign纵向排列：top center bottom
		-->
		<hr >
		<table border="0">
			<tr>
				<td width="50" align="center">数量</td>
				<td width="190">品项</td>
				<td width="50" align="center">金额</td>
			</tr>
			<tr>
				<td valign="top">1</td>
				<td>玉米肉松蛋饼<br>
					1 X --玉米肉松蛋饼<br>
					1 X --现磨豆浆（热/甜）
				</td>
				<td valign="top" align="right">8.00</td>
			</tr>
		</table>
		<hr >
		<table border="0">
			<tr>
				<td width="246">合计</td>
				<td width="50" align="right">8.00</td>
			</tr>
			<tr>
				<td>微支付</td>
				<td align="right">8.00</td>
			</tr>
		</table>
		<hr >
		<div>打印时间：2020:05:18 07:24:38</div>
		<hr>
		<!-- &nbsp; 代表一个空格 -->
		<div class="note">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;根据相关税法规定，电子发票的开票日期同网上申请电子发票的日期，如您需要当日的电子发票请务必在消费当日通过扫描下方二维码，根据指引步骤开具您的增值税电子普通发票。此二维码30天有效，扫描时请保持小票平整。</div>
		<br>
		<div align="center"><img src="images/qr.png" width="200" ></div>
		<br>
		<div>官网：www.yonghe.com.cn</div>
		<div>加盟热线：86-21-12345678</div>
	</body>
</html>
